<template>
  <div class="home">
    <MapTool width="800" height="600" farmId="1" :list.sync="mapData" ></MapTool>
    <!-- <MapSelect></MapSelect> -->
    <div>{{JSON.stringify(mapData)}}</div>
  </div>
</template>

<script>
// @ is an alias to /src
import MapTool from '@/components/MapTool';
import MapSelect from '@/components/MapSelect';
export default {
  name: 'Home',
  components: {
    HelloWorld,
    MapSelect,
    MapTool
  },
  data() {
    return {
      mapData:[{"id":"1-1616595256289","path":[{"Q":36.68847226100077,"R":116.90135940179232,"lng":116.901359,"lat":36.688472},{"Q":36.710493834587446,"R":116.9439314232767,"lng":116.943931,"lat":36.710494},{"Q":36.67911118199936,"R":116.96453078851107,"lng":116.964531,"lat":36.679111},{"Q":36.63559475049075,"R":116.93706496819857,"lng":116.937065,"lat":36.635595}]},{"id":"1-1616595269385","path":[{"Q":36.706640514632475,"R":116.95423110589388,"lng":116.954231,"lat":36.706641},{"Q":36.67195194110276,"R":116.97414382562044,"lng":116.974144,"lat":36.671952},{"Q":36.72370375029508,"R":116.99062331780794,"lng":116.990623,"lat":36.723704},{"Q":36.73140848538758,"R":116.95903762444857,"lng":116.959038,"lat":36.731408}]}]
    }
  },
}
</script>
